@import '~taro-ui/dist/style/components/flex.scss';
@import '~taro-ui/dist/style/components/rate.scss';
@import '~taro-ui/dist/style/components/icon.scss';


.contnet {
  height: 84vh;

  // 头部卡片
  .card_wrapper {
    padding: 25px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 200px;
    image {
      width: 50%;
      height: 100%;
      border-radius: 5px;
    }
    .card_right {
      margin-left: 30px;
      width: 50%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      .card_title {
        font-size: 40px;
        font-weight: 600;
      }
      .card_middle {
        font-size: 25px;
      }
      .card_content {
        .card_content_text {
          font-size: 25px;
        }
      }
    }
  }

  // 评论区
  .comment_wrapper {
    margin-top: 20px;
    background-color: #fff;
    padding: 25px;
    .comment_input {
      margin-top: 20px;
      .at-textarea {
        background-color: #f8f8f8;
      }
    }
    .comment_rate {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .comment_checkbox {
      margin-top: 30px;
      .at-checkbox__option--selected .at-checkbox__icon-cnt {
        background-color: rgb(255, 183, 0);
      }
      .at-checkbox__option {
        padding-left: 0;
      }
      .at-checkbox {
        &::before {
          border-top: 1px solid #fff;
        }
        &::after {
          border-bottom: 1px solid #fff;
        }
      }
    }
  }
}

.submit {
  // height: 10vh;
  width: 100%;

  .submit_text {
    width: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 25px 75px;
    background-color: #ffb700;
    color: #fff;
    border-radius: 10px;
  }
}

// 内置
